<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>青橙社区-发布博文</title>
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="width=device-width, initial-scale=0.57, minimum-scale=0.57, maximum-scale=0.57, user-scalable=no">
	<link rel="Shortcut Icon" href="images/favicon_logo.ico">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/layui.css">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body>
	<!--[if lt IE 8]>
	<div style="position:fixed;left:0;top:0;width:100%;height:50px;background:#fff;color:red;border-bottom:1px solid rgb(230,230,198);text-align:center;line-height:50px;font-size:12px;z-index: 9999;">您使用的浏览器版本过低，可能会影响到您浏览本网页，建议您升级您的浏览器。</div>
	<![endif]-->
	<!--[if IE 6]>
	<script src="js/DD_belatedPNG_0.0.8a.js" mce_src="js/DD_belatedPNG_0.0.8a.js"></script>
	<script type="text/javascript">DD_belatedPNG.fix('*');</script>
	<![endif]-->
	<div class="index publish-index">

		<!-- 侧栏 -->
		<div class="sidebar">
			<div class="home-page-btn">
				<a href="javascript:;">返回首页</a>
			</div>
			<div class="title-font">
				<a href="javascript:;" title="新建文集">
					<img src="images/icon_s_11.png">
					<span>新建文集</span>
				</a>
			</div>
			<div class="corpus-box">
				<ul class="corpus-ul">
					<li class="corpus-li corpus-li-1" data="1">
						<b></b>
						<p>这是一个文集</p>
						<i>
							<ul>
								<li class="revise-btn"><img src="images/icon_s_13.png">编辑文集</li>
								<li class="delete-btn"><img src="images/icon_s_14.png">删除文集</li>
							</ul>
						</i>
					</li>
					<li class="corpus-li corpus-li-2" data="2">
						<b></b>
						<p>文集二</p>
						<i>
							<ul>
								<li class="revise-btn"><img src="images/icon_s_13.png">编辑文集</li>
								<li class="delete-btn"><img src="images/icon_s_14.png">删除文集</li>
							</ul>
						</i>
					</li>
					<li class="corpus-li corpus-li-3" data="3">
						<b></b>
						<p>这是文集三四五六</p>
						<i>
							<ul>
								<li class="revise-btn"><img src="images/icon_s_13.png">编辑文集</li>
								<li class="delete-btn"><img src="images/icon_s_14.png">删除文集</li>
							</ul>
						</i>
					</li>
				</ul>
			</div>
		</div>

		<!-- 栏目 -->
		<div class="column">
			<div class="add-article-box">
				<i></i>
				<span>新建文章</span>
			</div>
			<div class="article-box">
				<ul>
					<li class="select">
						<b></b>
						<strong></strong>
						<i>
							<ul>
								<li><img src="images/icon_s_20.png">已发布</li>
								<li><img src="images/icon_s_21.png">移动文章</li>
								<li><img src="images/icon_s_22.png">分享文章</li>
								<li><img src="images/icon_s_14.png">删除文章</li>
							</ul>
						</i>
						<h2>这是一个文章</h2>
						<p>这是简单的几句话是简单的几句话是简单这…</p>
						<span>字数：1200</span>
					</li>
					<li>
						<b></b>
						<strong></strong>
						<i>
							<ul>
								<li><img src="images/icon_s_20.png">已发布</li>
								<li><img src="images/icon_s_21.png">移动文章</li>
								<li><img src="images/icon_s_22.png">分享文章</li>
								<li><img src="images/icon_s_14.png">删除文章</li>
							</ul>
						</i>
						<h2>文章二</h2>
						<p>这是简单的几句话是简单的几句话是简单这…</p>
						<span>字数：1200</span>
					</li>
					<li>
						<b></b>
						<strong></strong>
						<i>
							<ul>
								<li><img src="images/icon_s_20.png">已发布</li>
								<li><img src="images/icon_s_21.png">移动文章</li>
								<li><img src="images/icon_s_22.png">分享文章</li>
								<li><img src="images/icon_s_14.png">删除文章</li>
							</ul>
						</i>
						<h2>20180713</h2>
						<p>这是简单的几句话是简单的几句话是简单这…</p>
						<span>字数：1200</span>
					</li>
				</ul>
				<div class="add-article-btn">
					<a href="javascript:;" title="新建文章"><img src="images/icon_s_18.png">在下方新建文章</a>
					
				</div>
			</div>
		</div>

		<!-- 内容 -->
		<div class="content">
			<div class="article-main">
				<div class="con-box show">
					<h1>这是一个文章</h1>
					<div class="p-main">
						<p>这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话</p>
						<p>这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话</p>
						<p>这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话</p>
					</div>
				</div>
				<div class="con-box">
					<h1>文章二</h1>
					<div class="p-main">
						<p>这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话</p>
						<p>这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话</p>
						<p>这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话</p>
					</div>
				</div>
				<div class="con-box">
					<h1>20180713</h1>
					<div class="p-main">
						<p>这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话</p>
						<p>这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话</p>
						<p>这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话这是简单的几句话</p>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 修改文集 -->
	<div class="revise-corpus-wrap">
		<div class="revise-box">
			<a class="close-btn" href="javascript:;" title="关闭"></a>
			<p>请输入新文集名称</p>
			<label for="">
				<input type="text" name="" value="" placeholder="">
			</label>
			<a class="confirm-btn" href="javascript:;">确定</a>
		</div>
	</div>

	<!-- 删除文集 -->
	<div class="delete-corpus-wrap">
		<div class="delete-box">
			<a class="close-btn" href="javascript:;" title="关闭"></a>
			<p class="prompt-p">确认删除文集《<span></span>》，文章将被移动到回收站。</p>
			<a class="confirm-btn" href="javascript:;">确定</a>
		</div>
	</div>

	<script type="text/javascript" src="js/layer.js"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
	<script type="text/javascript" src="js/public.js"></script>
</body>
</html>